import { devuiDarkTheme, devuiLightTheme, Theme } from '../theme';
import {
  devuiCustomComponentsDarkThemeData,
  devuiCustomComponentsDeepThemeData,
  devuiCustomComponentsThemeData,
} from './theme-custom-components-data';
import { devuiInitialThemeData } from './theme-initial-data';
export const infinityTheme: Theme = new Theme({
  id: 'infinity-theme',
  name: '无限主题',
  data: {
    ...devuiLightTheme.data,
    ...devuiInitialThemeData,
    ...devuiCustomComponentsThemeData,
  },
  extends: 'devui-light-theme',
  isDark: false,
});

export const provenceTheme: Theme = new Theme({
  id: 'provence-theme',
  name: '紫罗兰主题',
  data: {
    ...infinityTheme.data,
    'devui-brand': '#7B69EE',
    'devui-brand-foil': '#F5F5F9',
    'devui-brand-active-focus': '#7B69EE',
    'devui-primary-active': '#7B69EE',
    'devui-brand-hover': '#7B69EE',
    'devui-global-bg': '#f9fafb',
    'devui-glass-morphism-bg': 'rgba(245, 246, 248,0.9)',
    'devui-base-bg': '#ffffff',
    'devui-text': '#070036',
    'devui-aide-text': '#717087',
    'devui-placeholder': '#babbc0',
    'devui-disabled-text': '#cfd0d3',
    'devui-disabled-bg': '#f5f5f6',
    'devui-line': '#E2E2E5',
    'devui-dividing-line': '#F2F2F3',
    'devui-list-item-hover-bg': '#F5F5F9',
    'devui-list-item-active-bg': '#7B69EE',
    'devui-list-item-active-hover-bg': '#7B69EE',
    'devui-list-item-selected-bg': '#F4F2FF',
    'devui-list-item-hover-text': '#252b3a',
    'devui-list-item-active-text': '#ffffff',
    'devui-form-control-line': '#D7D8DA',
    'devui-icon-text': '#babbc0',
    'devui-brand-active': '#7B69EE',
    'devui-primary': '#7B69EE',
    'devui-primary-hover': '#7B69EE',
    'devui-form-control-line-active': '#7B69EE',
    'devui-form-control-interactive-outline': 'rgba(123,105,238,0.08)',
    'devui-form-control-line-active-hover': '#7B69EE',
    'devui-icon-fill-active': '#7B69EE',
    'devui-icon-fill-active-hover': '#7B69EE',
    'devui-label-bg': '#F4F2FF',
    'devui-embed-search-bg': '#F4F2FF',
    'devui-connected-overlay-line': '#7B69EE',
    'devui-primary-disabled': '#d8d2fa',
    'devui-icon-fill-active-disabled': '#d8d2fa',
    'devui-link-active': '#3f1a9c',
    'devui-gray-form-control-bg': '#f5f5f5',
    'devui-gray-form-control-hover-bg': '#ebebeb',
  },
  extends: 'infinity-theme',
  isDark: false,
});

export const sweetTheme: Theme = new Theme({
  id: 'sweet-theme',
  name: '蜜糖主题',
  data: {
    ...infinityTheme.data,
    'devui-brand': '#ec66ab',
    'devui-brand-foil': '#f8f1f5',
    'devui-brand-active-focus': '#ec66ab',
    'devui-primary-active': '#ec66ab',
    'devui-brand-hover': '#ec66ab',
    'devui-global-bg': '#f9fafb',
    'devui-glass-morphism-bg': 'rgba(245, 246, 248,0.9)',
    'devui-base-bg': '#ffffff',
    'devui-text': '#2f272f',
    'devui-aide-text': '#827d82',
    'devui-placeholder': '#bdb8bd',
    'devui-disabled-text': '#cbcacb',
    'devui-disabled-bg': '#f6f6f6',
    'devui-line': '#aea6ad',
    'devui-dividing-line': '#eae7e9',
    'devui-list-item-hover-bg': '#f8f1f5',
    'devui-list-item-active-bg': '#ffdcee',
    'devui-list-item-active-hover-bg': '#ffdcee',
    'devui-list-item-selected-bg': '#ffdcee',
    'devui-list-item-hover-text': '#252b3a',
    'devui-list-item-active-text': '#252b3a',
    'devui-form-control-line': '#D7D8DA',
    'devui-icon-text': '#babbc0',
    'devui-brand-active': '#ec66ab',
    'devui-primary': '#ec66ab',
    'devui-primary-hover': '#ec66ab',
    'devui-form-control-line-active': '#ec66ab',
    'devui-form-control-interactive-outline': 'rgba(236,102,171,0.08)',
    'devui-form-control-line-active-hover': '#ec66ab',
    'devui-icon-fill-active': '#ec66ab',
    'devui-icon-fill-active-hover': '#ec66ab',
    'devui-label-bg': '#ffdcee',
    'devui-embed-search-bg': '#ffdcee',
    'devui-connected-overlay-line': '#ec66ab',
    'devui-primary-disabled': '#fad1e6',
    'devui-icon-fill-active-disabled': '#fad1e6',
    'devui-link-active': '#96114d',
    'devui-gray-form-control-bg': '#f5f5f5',
    'devui-gray-form-control-hover-bg': '#ebebeb',
  },
  extends: 'infinity-theme',
  isDark: false,
});

export const deepTheme: Theme = new Theme({
  id: 'deep-theme',
  name: '深邃夜空主题',
  data: {
    ...infinityTheme.data,
    ...devuiCustomComponentsDeepThemeData,
    'devui-global-bg': '#F2F2F3',
    'devui-glass-morphism-bg': 'rgba(242,242,243,0.9)',
    'devui-base-bg': '#ffffff',
    'devui-brand': '#252b3a',
    'devui-brand-foil': '#f3f4f7',
    'devui-brand-active-focus': '#252b3a',
    'devui-primary-active': '#383e4d',
    'devui-brand-active': '#252b3a',
    'devui-brand-hover': '#252b3a',
    'devui-text': '#252b3a',
    'devui-aide-text': '#575d6c',
    'devui-placeholder': '#9B9FA8',
    'devui-disabled-text': '#9B9FA8',
    'devui-disabled-bg': '#EBEBEB',
    'devui-line': '#CFD0D3',
    'devui-dividing-line': '#E2E2E6',
    'devui-list-item-hover-bg': '#E2E2E6',
    'devui-list-item-active-bg': '#d5d5db',
    'devui-list-item-active-hover-bg': '#d5d5db',
    'devui-list-item-selected-bg': '#d5d5db',
    'devui-list-item-hover-text': '#252b3a',
    'devui-list-item-active-text': '#252b3a',
    'devui-icon-text': '#babbc0',
    'devui-primary': '#252b3a',
    'devui-primary-hover': '#575d6c',
    'devui-form-control-line': '#CFD0D3',
    'devui-form-control-line-hover': '#71757F',
    'devui-icon-fill': '#575d6c',
    'devui-icon-fill-weak': '#9B9FA8',
    'devui-icon-fill-active': '#252B3A',
    'devui-icon-fill-active-hover': '#252B3A',
    'devui-shape-icon-fill': '#C7C7D1',
    'devui-shape-icon-fill-hover': '#AEAEBD',
    'devui-shape-icon-fill-active': '#AEAEBD',
    'devui-shape-icon-fill-disabled': '#E0E0E0',
    'devui-form-control-line-active': '#252b3a',
    'devui-form-control-interactive-outline': 'rgba(37,43,58,0.08)',
    'devui-form-control-line-active-hover': '#252b3a',
    'devui-connected-overlay-line': '#252b3a',
    'devui-primary-disabled': '#babbc0',
    'devui-icon-fill-active-disabled': '#bebfc4',
    'devui-gray-form-control-bg': '#f5f5f5',
    'devui-gray-form-control-hover-bg': '#ebebeb',
    'devui-nav-expand-bg': '#f7f7f8',
  },
  extends: 'infinity-theme',
  isDark: false,
});

export const galaxyTheme: Theme = new Theme({
  id: 'galaxy-theme',
  name: '追光主题',
  data: {
    ...devuiDarkTheme.data,
    ...devuiCustomComponentsDarkThemeData,
    'devui-brand': '#526ECC',
    'devui-info': '#526ECC',
    'devui-primary': '#526ECC',
    'devui-default-line': '#526ECC',
    'devui-brand-hover': '#5E7CE0',
    'devui-primary-hover': '#5E7CE0',
    'devui-brand-foil': '#F2F2F3',
    'devui-global-bg': '#1A1A1C',
    'devui-glass-morphism-bg': 'rgba(26,26,28,0.9)',
    'devui-base-bg': '#292A2E',
    'devui-text': '#CED1DB',
    'devui-aide-text': '#868A99',
    'devui-placeholder': '#5B5D66',
    'devui-disabled-text': '#5b5d66',
    'devui-disabled-bg': '#2D2E32',
    'devui-line': '#4e5057',
    'devui-dividing-line': '#323438',
    'devui-list-item-hover-bg': '#3d3d42',
    'devui-list-item-active-bg': '#303548',
    'devui-list-item-active-hover-bg': '#303548',
    'devui-list-item-selected-bg': '#303548',
    'devui-list-item-hover-text': '#F5F5F5',
    'devui-list-item-active-text': '#4660B8',
    'devui-primary-disabled': '#3f3f3f',
    'devui-form-control-line': '#4e5057',
    'devui-form-control-bg': '#292A2E',
    'devui-form-control-line-hover': '#696c75',
    'devui-form-control-line-active': '#526ECC',
    'devui-form-control-interactive-outline': 'rgba(82,110,204,0.08)',
    'devui-icon-text': '#868A99',
    'devui-connected-overlay-bg': '#2E2F33',
    'devui-fullscreen-overlay-bg': '#2E2F33',
    'devui-warning-line': '#EB8F3D',
    'devui-warning-bg': '#4b2e14',
    'devui-success-line': '#2AA37E ',
    'devui-success-bg': '#123d32',
    'devui-danger-line': '#D15854',
    'devui-danger-bg': '#4a2120',
    'devui-info-line': '#4482BD',
    'devui-info-bg': '#1c2543',
    'devui-default-bg': '#313131',
    'devui-label-bg': '#353537',
    'devui-icon-fill': '#868A99',
    'devui-icon-fill-hover': '#ced1db',
    'devui-icon-fill-active': '#ced1db',
    'devui-icon-fill-active-hover': '#ced1db',
    'devui-border-radius': '4px',
    'devui-border-radius-feedback': '4px',
    'devui-border-radius-card': '8px',
    'devui-font-size': '14px',
    'devui-font-size-md': '14px',
    'devui-font-size-card-title': '16px',
    'devui-shadow-length-fullscreen-overlay': '0 0 6px 0',
    'devui-gray-form-control-bg': '#323338',
    'devui-gray-form-control-hover-bg': '#393A3E',
    'devui-nav-expand-bg': '#1d1d21',
  },
  extends: 'devui-dark-theme',
  isDark: true,
});
